<html>
    <head>
        <title>【i好邻居】{{goods.title}}</title>
        {% block headex %}
        <link rel="stylesheet" href="/static/css/browse.css" type="text/css" />
        <script type="text/javascript" src="/static/js/jquery-1.10.2.js"></script>	
        {% endblock %}
    </head>
    <body>
        <div id="article_detail" class="wrapper">
            <span class="head">
                <a href="/circle/">邻居圈子</a> &gt;
                <a href="/circle/{{bang.id}}/1/">{{bang.name}}</a>
            </span>

            <a href="/circle/topic/add/{{bang.id}}/">发布帖子</a>
            <a id="apply" href="#">申请加入圈子</a>
            <script type="text/javascript">
                $("#apply").click(function(){
                        $.getJSON('/circle/apply/{{bang.id}}/', function(json){
                            alert(json.ret);
                        })
                })
            </script>


            <span class="title"> {{bang.name}} </span> 
            <div class="content">
                <p>{{bang.desc}}</p>
            </div>

            {% if bang.member_set.count > 0 %}
            <h3>申请列表</h3>
            {% for m in bang.member_set.all %}
            {{m.user.username}} <a href="#">审核通过</a>
            {% endfor %}
            {% endif %}


            <br/>
            <ul id="comments" class="comments">
                {% for t in bang.topic_set.all %}
                <li>
                <div>
                    <span>{{t.user.username}} {{t.title}} {{t.posttime}}</span>
                    <span>
                        {{t.content}}
                    </span>
                </div>
                </li>
                {% endfor %}
            </ul>
        </div>
    </body>
</html>


